<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="page.css" />
    <title>基于flex的css页面设计</title>
  </head>
  <body>
    <header class="header">
      <div class="logo">
        <img
          src="https://img.51miz.com/preview/element/00/01/06/01/E-1060114-91EA1129.jpg"
          alt="刷新重试"
        />
      </div>
      <ul>
        <li>首页</li>
        <li>导航</li>
        <li>活动</li>
        <li>声明</li>
      </ul>
    </header>
    <div class="content">
      <aside>作品分类区</aside>
      <main>作品展示区</main>
      <div>广告</div>
    </div>

    <div class="image-display">
      <div class="x">
        <div class="image I1"></div>
        <div class="image I2"></div>
        <div class="image I3"></div>
        <div class="image I4"></div>
        <div class="image I5"></div>
        <div class="image I6"></div>
      </div>
    </div>
  </body>
</html>
